@import "util";
@import "../common/rem";
#addtemplate {
  background: #ddd;
  .top {
    .px2rem(height, 180);
    .px2rem(line-height, 180);
    .px2px(font-size, 34);
    color:#fff;
    text-align: center;
    letter-spacing: 1px;
    background:#F76A75 url('../images/bg.png') no-repeat ;
    background-size: contain;
    i {
      display: inline-block;
      .scale(2, 2);
      margin-right:20px;
    }
  }
  .step {
    color:#2d2d2d;
      ul {
        position: relative;
        list-style: none;
        margin:0;
        padding:0;
        &::before {
          position: absolute;
          content: '';
          width:5px;
          .px2rem(top,0);
          .px2rem(left, 6);
          .px2rem(bottom, 5);
          background: #EBEFF4;
        }
      }
      .px2px(font-size, 28);
      .px2rem(padding-left, 38);
      .px2rem(padding-right, 38);
      .px2rem(padding-top, 38);
      .px2rem(padding-bottom, 38);
      background: #fff;

      li {
        position: relative;
        .px2rem(padding-left, 50);
        &::before {
          position: absolute;
          .px2rem(left, -20);
          top:0;
          .px2rem(width, 38);
          .px2rem(height, 38);
          .px2rem(line-height, 38);
          .px2px(font-size, 16);
          border-radius: 50%;
          text-align: center;
          color:#fff;
          background: #F76A75;
        }
        &:nth-child(1)::before {
          content: '1';
          .px2px(font-size,24);
          border: #fff solid;
          .px2rem(border-width,10);
        }
        &:nth-child(2)::before {
          content: '2';
          .px2px(font-size,24);
          border: #fff solid;
          .px2rem(border-width,10);
        }
        &:nth-child(3)::before {
          content: '3';
          .px2px(font-size,24);
          border: #fff solid;
          .px2rem(border-width,10);
        }
        &:nth-child(4)::before {
          content: '4';
          .px2px(font-size,24);
          border: #fff solid;
          .px2rem(border-width,10);
        }
      }
      li+li {
         .px2rem(margin-top, 100);

      }
  }
}